<%--
  Created by IntelliJ IDEA.
  User: machenike
  Date: 2020/8/11
  Time: 16:00
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>新加坡滨海湾金沙官方旗舰店</title>
    <link rel="stylesheet" href="../static/layui/css/layui.css" media="all">
    <jsp:include page="../public/danhang.jsp"/>
    <link rel="stylesheet" href="../public/daohang.css">
    <link rel="stylesheet" href="../static/css/reset.css">
    <style>
        #body-header {
            background-color: #282828;
            display: flex;
            flex-direction: row;
            color: white;
        }

        #body-header .header-content {
            display: flex;
            margin-left: 170px;
        }

        #body-header .right {
            margin-left: 10px;
        }

        #body-header .right p {
            font: 24px "Microsoft YaHei", "Hiragino Sans GB", tahoma, arial, simhei;
            margin: 10px;

        }

        #body-header .right a {
            font: 16px "Microsoft YaHei", "Hiragino Sans GB", tahoma, arial, simhei;
            margin: 15px 10px;
            color: #8E8E8E;
        }

        #body-header .right a:hover {
            cursor: pointer;
            color: #529BF2;
        }

        #cover {
            width: 100%;
            height: 440px;
            background-image: url("//pic.c-ctrip.com/htlpic/flagship/store/sands2/bg.png ");
            background-size: 100%;
        }
        .cover-footer{
            background-color: rgba(0, 0, 0, 0.5);
            width: 100%;
            height: 40px;
            margin: -43px auto 0;
        }
        .selectDate{
            margin-top: 5px;
            display: flex;
            flex-direction: row;
            justify-content: center;
            justify-items: center;
        }
        .selectDate input{
            height: 35px;
            width: 200px;
            border-left: white;
            font-size: 14px;
        }
        .selectDate span{
            height: 35px;
            width: 50px;
            color: #999;
            text-align: center;
        }


        .xc-content-search{
            width: 120px;
            border-radius: 5px;
            background-color: #2676E3;
            margin-left: 10px;
            color: white;
        }
    </style>
</head>

<body>
<div id="body-header">
    <div class="header-content">
        <img class="flag-log" src="https://pic.c-ctrip.com/htlpic/flagship/store/sands2/sands280x80.png?20180118">
        <div class="right">
            <p>新加坡滨海湾金沙官方旗舰店</p>
            <a class="select">首页</a>
            <a class="select">酒店住宿</a>
            <a class="select">美食佳肴</a>
            <a class="select">精彩娱乐</a>
            <a class="select">金光飞航</a>
            <a class="select">免税购物</a>
            <a class="select">度假村介绍</a>
        </div>


    </div>
</div>

<div id="cover">
</div>
<div class="cover-footer">
    <div class="selectDate">
        <div class="rev">
            <span>入住</span>
            <input id="reserve" type="date"value="2020-08-12">
        </div>
        <div class="out">
            <span>退房</span>
            <input type="date" id="out"value="2020-08-13">
        </div>

        <button type="submit" class="xc-content-search" value="搜索">搜索酒店</button>
    </div>
</div>
</body>
</html>
